import React, { Component } from 'react'
/**
 * 一、运行阶段的生命周期
 * 运行阶段的生命周期主要有两个方法
 * 1、render
 * 2、componentDidUpdate()数据更改之后执行该方法
 * 二、render函数触发的时机
 * 1、setState()当本组件中的状态发生改变的时候，会触发方法
 * 2、调用this.forceUpdate()强制更新,尽量不要去使用
 * 3、newProps的改变
 */
export default class LifeCycle2 extends Component {
  state={count:0}
  render() {
    console.log('=====render========');
    return (
      <div>
        <h1>{this.state.count}</h1>
        <h2>{this.props.num}</h2>
        <button onClick={()=>this.setState({count:this.state.count+1})}>+</button>
        <button onClick={()=>this.forceUpdate()}>forceupdate</button>
      </div>
    )
  }
  componentDidUpdate(){
    console.log('=====componentDidUpdate========');
  }
}
